<template>
	<div id="sumUp">
		<h2>2025年固定资产盘点报告：</h2>
		<h4>正常资产数量100个</h4>
		<h4>报废资产数量5个</h4>
		<h4>遗失资产2个</h4>
		<ul>
			<li>
				遗失资产名称：xxxxxxxxxxx,编号：xxxxxxxxxxx，保管人：xxx,部门：xxxx,遗失登记日期：xxxxxxxxxx
			</li>
		</ul>
	</div>

	<el-table :data="tableData" style="width: 100%">
		<el-table-column fixed prop="date" label="Date" width="150" />
		<el-table-column prop="name" label="Name" width="120" />
		<el-table-column prop="state" label="State" width="120" />
		<el-table-column prop="city" label="City" width="120" />
		<el-table-column prop="address" label="Address" width="600" />
		<el-table-column prop="zip" label="Zip" width="120" />
		<el-table-column fixed="right" label="Operations" min-width="120">
			<template #default>
				<el-button link type="primary" size="small" @click="handleClick">
					Detail
				</el-button>
				<el-button link type="primary" size="small">Edit</el-button>
			</template>
		</el-table-column>
	</el-table>
</template>

<script lang="ts" setup>
	const handleClick = () => {
		console.log("click");
	};

	const tableData = [
		{
			date: "2016-05-03",
			name: "Tom",
			state: "California",
			city: "Los Angeles",
			address: "No. 189, Grove St, Los Angeles",
			zip: "CA 90036",
			tag: "Home",
		},
		{
			date: "2016-05-02",
			name: "Tom",
			state: "California",
			city: "Los Angeles",
			address: "No. 189, Grove St, Los Angeles",
			zip: "CA 90036",
			tag: "Office",
		},
		{
			date: "2016-05-04",
			name: "Tom",
			state: "California",
			city: "Los Angeles",
			address: "No. 189, Grove St, Los Angeles",
			zip: "CA 90036",
			tag: "Home",
		},
		{
			date: "2016-05-01",
			name: "Tom",
			state: "California",
			city: "Los Angeles",
			address: "No. 189, Grove St, Los Angeles",
			zip: "CA 90036",
			tag: "Office",
		},
	];
</script>
